<!DOCTYPE html>
<html style="height: 100%;">

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/lanrenzhijia.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>

	<body style=" height: 100%;">
		<div style="width:100%; height:100%; ">
			<div id="" style="width: 60%;height: 100%; margin: 0px auto;">
				<div class="nav" style="height: 7%; ">
					<div class="col-lg-4" style="height: 100%;">
						<img src="img/logo.png" height="100%" />
					</div>
					<div class="col-lg-5" style=" height: 100%;">
						<img src="img/home.png" height="100%" />
					</div>
					<div class="col-lg-3" style="height: 100%;">
						<div class="" style="background: red; border-radius: 50px; height: 80%; text-align: center;">
							<img src="img/btn-1.png" />
						</div>
					</div>
				</div>
				<div class="col-lg-12" style="height: 10px; background: red;">
					&nbsp;
				</div>
				<div class="col-lg-12" style="padding: 0px; height: 11%;">
					<img src="img/pic_lc.png" width="100%" />
				</div>
				<div class="nav" style="height: 60%;">
					<div class="col-lg-8" style="height: 75%;padding: 0px;padding-left: 10px;">
						<img src="img/banner.jpg" height="100%" width="100%" />
					</div>
					<div class="col-lg-4" style="height: 75%;padding: 0px;">
						<div class="nav">
							<div class="col-lg-12">
								<img src="img/card.png" width="100%" />
							</div>
							<div class="col-lg-12" style="text-align: center; margin-top: 6px;">
								<img src="img/btn-3.png" width="100%" />
							</div>
							<div class="col-lg-12" style="margin-top: 10px;">
								<span style="color: red; font-weight: 800;">广发真情行用卡</span>
								<br />
								<span style="font-size: 12px;">自选商户类型三倍积分</span>
								<br />
								<span style="font-size: 12px;">自选保险赠送</span>
								<br />
								<span style="font-size: 12px;">真情俱乐部</span>
							</div>
						</div>
					</div>
				</div>
				<div class="nav" style="height: 33%;background: yellow;">
					<div class="nav" style="">
						<div class="col-lg-3" style="border-bottom: 5px solid red; text-align: center;">
							<label>广发行用卡推荐</label>
						</div>
						<div class="co-lg-9" style="border-bottom: 5px solid #CCCCCC;">
							<div class="nav">
								<div class="" style="float: left;height: 25px; border: 1px solid #CCCCCC;">
									热点推荐
								</div>
								<div class="" style="float: left;height: 25px; border: 1px solid #CCCCCC;">
									都会白领
								</div>
								<div class="" style="float: left;height: 25px; border: 1px solid #CCCCCC;">
									女性专属
								</div>
								<div class="" style="float: left;height: 25px; border: 1px solid #CCCCCC;">
									商旅优悦
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>